<template>
	<div class="container">
		<div class="NotFound"><img :src="NotFound" width="500" alt="" /></div>
		<h2>糟糕，页面走丢啦！</h2>
		<h3><router-link to="/">返回首页</router-link>看看别的吧</h3>
	</div>
</template>

<script setup>
import { ElForm, ElFormItem, ElInput, ElButton, ElMessage } from "element-plus";
import "element-plus/es/components/form/style/css";
import "element-plus/es/components/form-item/style/css";
import "element-plus/es/components/input/style/css";
import "element-plus/es/components/button/style/css";
import { reactive } from "vue";
import { Login } from "@/api/request";
import router from "@/router";
import NotFound from "@/assets/404.svg";
</script>

<style lang="less" scoped>
h2 {
	margin-top: 100px;
}
h2,
h3 {
	text-align: center;
}
.NotFound {
	display: flex;
	justify-content: center;
	margin-top: 100px;
}
</style>
